<!DOCTYPE html>
<html>
<head>
	<title>晒单</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, maximum-scale=1.0"/>
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <link href="css/style.css" rel="stylesheet">
    <script src="js/jquery-2.1.4.min.js"></script>
    <style>
		body{
			background-color:#FFF;
		}
		.name{
			margin-left:0px;
			float:left;
			width:60%;
			text-align:center;
		}
		.header-left{
			width:20%;
			height:100%;
			float:left;
		}
		.header-right{
			width:20%;
			height:100%;
			float:left;
		}
		.jx-date{
			margin-top:10px;
		}
	</style>
</head>
<body>
	<header class="header">
    	<a href="shaidan.html">
    	<div class="header-left">
            <img src="images/back.png" class="shaidan-back">
            <span class="back-name">审核</span>
        </div>
        </a>
        <span class="name">晒单详情</span>
        <div class="header-right">
        	<a href="index.html">
        	<img src="images/home.png" class="edit e-click">
            </a>
        </div>
    </header>
	
    <div class="shaidan-info">
    	<ul>
        	<li>
            	<img src="images/goods.jpg" class="shaidan-touimg">
                <span class="shaidan-username">美的不要不要的</span>
                <div class="shaidan-info-content">终于等到了我的s7了，真的太高兴了，梦寐以求，很久以前就想入手的一个了，可是一直苦于没钱</div>
                <span class="jx-date">奖品名称：s7</span><br />
                <span class="jx-date">开奖期数：202271796</span><br />
                <span class="jx-date">本期参与：5人次</span><br />
                <span class="jx-date">幸运号码：10189876</span><br />
                <span class="jx-date">揭晓时间：2016:06:07:24:456</span>
                <span class="jx-date">预计完成时间：<span class="font-red">06-12</span>(具体时间以消息通知为准)</span>
                <ul class="goods-shaidan">
                	<li><img src="images/goods.jpg"></li>
                    <li><img src="images/goods.jpg"></li>
                    <li><img src="images/goods.jpg"></li>
                </ul>
                <br />
                <span class="shaidan-update" style="float:right;margin-right:10%;">06-08上传</span>
                <!--
                <div class="zan">
                    <img src="images/zan.png" class="xin" state="0">
                    <span class="zan-num">20</span>
               	</div>
                -->
            </li>
        </ul>
     </div>
     
    <script>
		$(document).ready(function(e) {
            $(".xin").click(function(){
				var sw=$(".xin").index(this);
				var sta=$(".xin").eq(sw).attr("state");
				var zNum=parseInt($(".zan-num").eq(sw).text());
				if(sta==0){
					$(".xin").eq(sw).attr("src","images/zan_click.png");
					$(".xin").eq(sw).attr("state","1");
					zNum++;
					$(".zan-num").eq(sw).text(zNum);
				}else{
					$(".xin").eq(sw).attr("src","images/zan.png");
					$(".xin").eq(sw).attr("state","0");
					zNum--;
					$(".zan-num").eq(sw).text(zNum);
				}
			})
        });
	</script>
</body>
</html>
